
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, shrink-to-fit=no, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>opsGame</title>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="../../static/css/simple-sidebar.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">



</head>


<body onload="refresh()">
    <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
      <ul class="navbar-nav">
        <li>
          <a id="menu-toggle" type="button" class="btn btn-dark btn-sm" style="margin-right: 5px;margin-top: 6px;">
              <i class="fa fa-align-justify" style="font-size: 20px;color:wheat;padding: 0;margin: 0;"></i>
          </a>
        </li>
        <li>
          <a href="/"><h2><span class="badge badge-secondary">Ansible-Plus</span></h2></a>
        </li>
      </ul>
    </nav>
    <div id="wrapper" style="margin-top:63px;">

        <!-- Sidebar -->
        <div id="sidebar-wrapper">
            <ul class="sidebar-nav">
                <li>
                    <a href="/Monitor"><i class="fa fa-bar-chart" style="font-size: 20px;width:40px;"></i><i style="font-size: 20px;">&nbsp;&nbsp;Monitor</i></a>
                </li>
                <li>
                    <a href="/FileDo/"><i class="fa fa-files-o" style="font-size: 20px;width:40px;"></i><i style="font-size: 20px;">&nbsp;&nbsp;FileDo</i></a>
                </li>
                <li>
                    <a href="/Command/"><i class="fa fa-cogs" style="font-size: 20px;width:40px;"></i><i style="font-size: 20px;">&nbsp;&nbsp;Command</i></a>
                </li>
                <li>
                    <a href="#"><i class="fa fa-file-text" style="font-size: 20px;width:40px;"></i><i style="font-size: 20px;">&nbsp;&nbsp;Shell</i></a>
                </li>
                <li>
                    <a href="/Playbook"><i class="fa fa-wrench" style="font-size: 20px;width:40px;"></i><i style="font-size: 20px;">&nbsp;&nbsp;Playbook</i></a>
                </li>

                <li>
                    <a href="/admin/"><i class="fa fa-database" style="font-size: 20px;width:40px;"></i><i style="font-size: 20px;">&nbsp;&nbsp;Data</i></a>
                </li>
                <li>
                    <a href="#"><i class="fa fa-list-alt" style="font-size: 20px;width:40px;"></i><i style="font-size: 20px;">&nbsp;&nbsp;About</i></a>
                </li>
            </ul>
        </div>
        <!-- /#sidebar-wrapper -->

        <!-- Page Content -->
        {% block content %}{% endblock %}

        <!-- /#page-content-wrapper -->


    </div>
    <!-- /#wrapper -->

    <!-- jQuery -->
    <script src="../../static/js/jquery.js"></script>
    <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>



    <!-- Bootstrap Core JavaScript -->
    <script src="../../static/js/bootstrap.min.js"></script>
    <!-- some tools javascript-->
    <script src="../../static/js/ajax.js"></script>

    <!-- Menu Toggle Script -->
    <script>
    $("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("toggled");
    });
    </script>

</body>

</html>
